<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <h:outputStylesheet name="css/index.css"/>

    </h:head>

    <h:body  styleClass="colorCuerpo" >

        <p:layout fullPage="true" >
            <p:layoutUnit position="north" size="180"
                          resizable="false" closable="false" collapsible="false"  styleClass="top" >
                <p:imageSwitch effect="wipe" id="fadeEffect" widgetVar="switcher"  slideshowAuto="false" style="position: absolute; height: 88%; top:-10%; width: 43%;">
                            <p:graphicImage value="#{pageContext.request.contextPath}/faces/resources/imagenes/menu.jpg"  />
                </p:imageSwitch>
            </p:layoutUnit>

            <p:layoutUnit position="west" size="250" header="Administrar" id="leftPanel"
                          style="text-align:center" styleClass="left" >
                <h:form>  
                    <p:panelMenu style="width:240px;text-align:left">  
                        <p:submenu label="Usuarios" rendered="#{Login.loginPermisos.permisosUsuario}" > 
                            <p:menuitem value="Preguntas" url="#{pageContext.request.contextPath}/faces/preguntas/Create.xhtml"   icon="ui-icon-disk" />  
                            <p:menuitem value="Profesiones" url="#{pageContext.request.contextPath}/faces/profesiones/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Perfiles" url="#{pageContext.request.contextPath}/faces/perfiles/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Tipo de Documento" url="#{pageContext.request.contextPath}/faces/tiposdocumento/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Permisos" url="#{pageContext.request.contextPath}/faces/loginpermiso/Create.xhtml" icon="ui-icon-disk" />
                        </p:submenu> 

                        <p:submenu label="Clientes" >  
                            <p:menuitem value="Ficha Tecnica" rendered="#{Login.loginPermisos.permisosFicha}" url="#{pageContext.request.contextPath}/faces/fichastecnicas/Create.xhtml"   icon="ui-icon-disk" /> 
                            <p:menuitem value="Ficha Tecnica" rendered="#{Login.loginPermisos.permisosFichaUsuario}" url="#{pageContext.request.contextPath}/faces/fichatecnicauser/List.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Casillero" rendered="#{Login.loginPermisos.permisosCasillero}" url="#{pageContext.request.contextPath}/faces/casilleros/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Eventos" rendered="#{Login.loginPermisos.permisosEvento}" url="#{pageContext.request.contextPath}/faces/eventos/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Entradas" rendered="#{Login.loginPermisos.permisosEntrada}" url="#{pageContext.request.contextPath}/faces/entradas/Create.xhtml" icon="ui-icon-disk" />  
                        </p:submenu> 

                        <p:submenu label="Instructores" >  
                            <p:menuitem value="Tipo Instructor" rendered="#{Login.loginPermisos.permisosTipoinstructor}" url="#{pageContext.request.contextPath}/faces/tiposinstructor/Create.xhtml"   icon="ui-icon-disk" /> 
                            <p:menuitem value="Tipo Contrato" rendered="#{Login.loginPermisos.permisosTipocontrato}" url="#{pageContext.request.contextPath}/faces/tiposcontrato/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Rutinas" rendered="#{Login.loginPermisos.permisosRutinas}" url="#{pageContext.request.contextPath}/faces/rutinas/Create.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Ejercicios" rendered="#{Login.loginPermisos.permisosFicha}" url="#{pageContext.request.contextPath}/faces/ejercicios/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Ejercicios" rendered="#{Login.loginPermisos.permisosFichaUsuario}" url="#{pageContext.request.contextPath}/faces/ejerciciosuser/List.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Clases" rendered="#{Login.loginPermisos.permisosFicha}" url="#{pageContext.request.contextPath}/faces/clases/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Clases" rendered="#{Login.loginPermisos.permisosFichaUsuario}" url="#{pageContext.request.contextPath}/faces/clasesuser/List.xhtml" icon="ui-icon-disk" />  
                        </p:submenu> 

                        <p:submenu label="Maquinas" > 
                            <p:menuitem value="Tipo Maquina" rendered="#{Login.loginPermisos.permisosTipomaquina}" url="#{pageContext.request.contextPath}/faces/tiposmaquina/Create.xhtml"   icon="ui-icon-disk" /> 
                        </p:submenu> 

                        <p:submenu label="Ingresos Y Egresos" rendered="#{Login.loginPermisos.permisosEgresoIngreso}"  >  
                            <p:menuitem value="Ingreso" url="#{pageContext.request.contextPath}/faces/ingresos/Create.xhtml"   icon="ui-icon-disk" /> 
                            <p:menuitem value="Egreso" url="#{pageContext.request.contextPath}/faces/egresos/Create.xhtml"   icon="ui-icon-disk" />
                            <p:menuitem value="Forma De Pago" url="#{pageContext.request.contextPath}/faces/formaspago/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Concepto" url="#{pageContext.request.contextPath}/faces/conceptos/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Pagos" url="#{pageContext.request.contextPath}/faces/pagos/Create.xhtml" icon="ui-icon-disk" />  
                        </p:submenu> 
                        <p:submenu label="Ventas" rendered="#{Login.loginPermisos.permisosVenta}" >  
                            <p:menuitem value="Productos" url="#{pageContext.request.contextPath}/faces/productos/Create.xhtml"   icon="ui-icon-disk" /> 
                        </p:submenu> 
                        <p:submenu label="General" >  
                            <p:menuitem value="Departamentos" rendered="#{Login.loginPermisos.permisosDepartamentos}" url="#{pageContext.request.contextPath}/faces/departamentos/Create.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Ciudad" rendered="#{Login.loginPermisos.permisosCiudad}" url="#{pageContext.request.contextPath}/faces/ciudades/Create.xhtml" icon="ui-icon-disk" />
                            <p:menuitem value="Barrio" rendered="#{Login.loginPermisos.permisosBarrio}" url="#{pageContext.request.contextPath}/faces/barrios/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Genero" rendered="#{Login.loginPermisos.permisosGenero}" url="#{pageContext.request.contextPath}/faces/generos/Create.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Estado" rendered="#{Login.loginPermisos.permisosEstado}" url="#{pageContext.request.contextPath}/faces/estados/Create.xhtml" icon="ui-icon-disk" />  
                            <p:menuitem value="Planes" rendered="#{Login.loginPermisos.permisosPlanes}" url="#{pageContext.request.contextPath}/faces/planes/Create.xhtml" icon="ui-icon-disk" />
                            <p:menuitem value="Contenido" rendered="#{Login.loginPermisos.permisosContenido}" url="#{pageContext.request.contextPath}/faces/contenido/Create.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Copia de seguridad" rendered="#{Login.loginPermisos.permisosCopiaseguridad}" url="#{pageContext.request.contextPath}/faces/backup/Create.xhtml" icon="ui-icon-disk" /> 
                            <p:menuitem value="Contactenos" url="#{pageContext.request.contextPath}/faces/Contactanos.html" icon="ui-icon-bookmark"/>
                            <p:menuitem value="Acerca de..." url="#{pageContext.request.contextPath}/faces/conoscanos.html" icon="ui-icon-bookmark"/>
                        </p:submenu> 
                    </p:panelMenu> 
                </h:form>  
            </p:layoutUnit>

            <p:layoutUnit position="center" styleClass="center" >

                <h:form >  

                    <p:tabMenu activeIndex="1" >  
                        <p:menuitem value="Inicio" url="#{pageContext.request.contextPath}/faces/template.xhtml" icon="ui-icon-home"  action="#{contenidoController.prepareView}"/>  
                        <p:menuitem value="Usuarios" rendered="#{Login.loginPermisos.permisosAdminUsuario}" url="#{pageContext.request.contextPath}/faces/usuarios/Create.xhtml" icon="ui-icon-person" /> 
                        <p:menuitem value="Clientes" rendered="#{Login.loginPermisos.permisosAdminClientes}" url="#{pageContext.request.contextPath}/faces/clientes/Create.xhtml" icon="ui-icon-person"/>  
                        <p:menuitem value="Instructores" rendered="#{Login.loginPermisos.permisosAdminInstrictores}" url="#{pageContext.request.contextPath}/faces/instructores/Create.xhtml" icon="ui-icon-person"/>  
                        <p:menuitem value="Maquinas" rendered="#{Login.loginPermisos.permisosAdminMaquinas}" url="#{pageContext.request.contextPath}/faces/maquinas/Create.xhtml" icon="ui-icon-gear"/> 
                        <p:menuitem value="Reservas" rendered="#{Login.loginPermisos.permisosAdminReservas}"  url="#{pageContext.request.contextPath}/faces/reservas/Create.xhtml" icon="ui-icon-calendar" /> 
                        <p:menuitem value="Ventas" rendered="#{Login.loginPermisos.permisosAdminVentas}" url="#{pageContext.request.contextPath}/faces/ventas/Create.xhtml" icon="ui-icon-bookmark"/>
                        <p:menuitem value="Cerrar Sesión" action="#{Login.logout}" url="#{pageContext.request.contextPath}/faces/login.xhtml" icon="ui-icon-back"/>
                        <br />
                        <p:menuitem value="#{Login.name}: #{Login.username}" />
                    </p:tabMenu> 

                </h:form> 

                <ui:insert name="body"></ui:insert>

            </p:layoutUnit>

        </p:layout>



    </h:body>

</html>
